.linker-board {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.input_line {
  padding: 8px;
  width: 100%;
  flex-shrink: 0;
  > input {
    border: none;
    border-bottom: 1px solid #eee;
  }
}

.filter-line {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  border-bottom: 1px solid #eee;
  &-input {
    border: none;
    color: var(--theme-color);
    &:focus {
      border: none;
    }
  }
}

.linker_items_list {
  padding: 8px;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.linker_item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 8px;
  &:hover {
    background-color: #f6f6f6;
  }
  &-delete {
    margin-left: 16px;
    background-image: url(./icon/delete.svg);
  }
  &-edit {
    background-image: url(./icon/edit.svg);
  }
  &-url-text {
    margin-left: 16px;
  }
  > a {
    text-decoration: underline;
    cursor: pointer;
    flex-shrink: 0;
  }

  &.focused {
    background-color: #f6f6f6;
  }
}
